<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>{$map_info['map_name_zh']}地图</title>
		<link rel="stylesheet" href="{$Think.__APP_PUBLIC__}/css/reset.css" />
		<link rel="stylesheet" href="{$Think.__APP_PUBLIC__}/css/public.css" />
		<link rel="stylesheet" href="{$Think.__APP_PUBLIC__}/css/Index/map.css" />
		<script type="text/javascript" src="{$Think.__APP_PUBLIC__}/js/jQuery/jquery-1.8.2.js"></script>
		<script type="text/javascript" src="{$Think.__APP_PUBLIC__}/js/Index/map.js"></script>
		<script type="text/javascript">
			var bg_img = "{$map_info['bg_img']}";
		</script>
	</head>
	<body>
		<div class="contents">
			<div class="dashboard">
				<form action="#" method="post" onsubmit="return false;">
					<ul>
						<li>
							<table>
								<tr>
									<td><input type="checkbox" name="change_all" /></td>
									<td>打开/关闭全部</span>
								</tr>
							</table>
						</li>
						<volist name="button_list" id="vo">
							<li>
								<table>
									<tr>
										<td><input type="checkbox" name="{$vo['name']}" /></td>
										<td class="legend">
											<if condition="$vo['name'] eq 'beacon_crate'">
												<img src="{$Think.__APP_PUBLIC__}/images/island_crate_3456.svg" />
											<else/>
												<i class="{$vo['name']}"></i>
											</if>
										</td>
										<td>{$vo['name_zh']}</td>
									</tr>
								</table>
							</li>
						</volist>
					</ul>
				</form>
			</div>
			<div class="map">
				<volist name="map_data" id="vo">
					<span class="point {$vo['class']}" data-description="{$vo['name']}" data-lat="{$vo['lat']}" data-lng="{$vo['lng']}"></span>
				</volist>
			</div>
		</div>
	</body>
</html>
